<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>这是我的第一个网站</title>
    <style>
        p{
            color: red;
        }

        #name{
            color: yellow;
        }

        .c2{
            font-size: 50px;
        }
        .c1{
            color: blue;
        }
        .c3{
            color: pink;
        }
        body{
            background-color: rgb(100,100,150);
        }
        main{
            width: 80%;
            background-color: white;
            margin: 0 auto;
        }
    </style>

</head>
<body>
<main>
    <h1>杨晨 - 简历</h1>
    <!-- 个人信息 -->
    <div>
        <h2>个人信息</h2>
        <p id="name">姓名：杨晨</p>
        <p><img src="cat.jpg" height="30" width="30"></p>
        <p class="c1 c2">电话：<address>1111</address></p>
        <p class="c2 c3">博客地址:<a href="https://blog.csdn.cn">我的博客</a></p>
    </div>
    <!-- 技能介绍 -->
    <div>
        <h2>技能介绍</h2>
        <h3>编程语言能力</h3>
        <ul>
            <li>xxxxxxxxxxx</li>
            <li>xxxxxxxxxxx</li>
            <li>xxxxxxxxxxx</li>
        </ul>
        <h3>数据结构</h3>
        <ul>
            <li>xxxxxxxxxxxx</li>
            <li>xxxxxxxxxxxx</li>
            <li>xxxxxxxxxxxx</li>
        </ul>
    </div>
    <!-- 项目信息 -->
    <div>
        <h2>项目信息</h2>
        <table>
            <thead>
                <tr>
                    <th>项目时间</th>
                    <th>项目名称</th>
                    <th>项目简介</th>
                    <th>担任角色</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2020 年</td>
                    <td><a href="https://www.baidu.com">抗击新馆疫情</a></td>
                    <td>xxxxxxxxx</td>
                    <td>主工程师</td>
                </tr>
                <tr>
                    <td>2019 年</td>
                    <td>嫦娥项目</td>
                    <td>xxxxxxxxx</td>
                    <td>副工程师</td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- 获奖信息 -->
    <div>
        <h2>获奖信息</h2>
        <ol>
            <li>
                <p>2019</p>
                <p>中国十大青年</p>
            </li>
            <li>
                <p>2018</p>
                <p>中国十大优秀儿童</p>
            </li>

        </ol>
    </div>
</main>
</body>
</html>